<template>
  <el-dialog
    v-show="isFirst"
    id="tips"
    title="系统安装"
    center
    :close-on-click-modal="isTrue"
    :close-on-press-escape="isTrue"
    :visible.sync="tipDialogVisible">
    <div class="tip-word">请先进行系统安装</div>
    <span slot="footer" class="dialog-footer">
      <el-button type="primary" @click="toInstall">确 定</el-button>
    </span>
  </el-dialog>
</template>

<script>
    export default {
        name: "installationTips",
      data(){
          return{
            isTrue:false,
            isFirst:true,
            tipDialogVisible:false
          }
      },
      mounted() {
        if(sessionStorage.getItem('isInitial')==='2'){
          this.tipDialogVisible=true;
        }
      },
      methods:{
        toInstall(){
          this.tipDialogVisible=false;
          this.$router.push('/installationWizard')
        }
      }
    }
</script>

<style scoped>
  #tips{
    width:1400px;
    top:20%;
    margin:0 auto;
  }
  #tips >>> .el-dialog__header{
    background-color:#409EFF ;
    text-align: left;
    padding-left:20px;
  }
  #tips >>> .el-dialog__header .el-dialog__title{
    color:#fff;
  }
  #tips >>> .el-dialog__headerbtn{
    display: none;
  }
  #tips .tip-word{
    text-align: center;
    font-size:30px;
    margin:40px 0;
  }
</style>
